@import "src/pages/lessUtils/CommonLess";

.footer {
  width: 100%;
  height: 100%;
  background: #44484a!important;
  .empty-space {
    width: 100%;
    height: 100px;
    background: #44484a;
    border: none;
    p {
      font-size: 18px;
      color: #FFFFFF;
      float: left;
      padding-top: 40px;
      margin: 0 12%;
    }
  }
  .media-div {
    background: #44484a;
    width: 80%;
    border: none;
    height: 50%;
    margin: -5px 10%;
    .media-div-member {
      width: 12.5%;
      height: 150px;
      float: left;
      margin: 0% 2%;
      .img {
        width: 100%;
        height: 70%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100px 100px;
      }
      p{
        height: 30%;
        position: center;
        text-align: center;
        margin: 2px 1px;
        font-size: 8px;
        color: #ffffff;
        word-break:normal;
        word-wrapL:break-word;
      }
    }
  }
  .horizontal-line {
    width:76%;
    height:1px;
    margin:0 12%;
    padding:0px;
    background-color:#D5D5D5;
    overflow:hidden;
  }
  .extra-link {
    height: 55px;
    margin: 0 20%;
    background: transparent!important;
    border: none!important;
    a {
      font-size: 9px;
      color: #FFFFFF;
      float: left;
      margin: 0 9.5%;
    }
  }
  .web-info {
    margin: 3% 10%;
    p span{
      font-size: 15px;
      color: #FFFFFF;
      float: left;
      margin: 1% 5%;
    }
  }
}

.media-img-1 {
  .bg-image('footer/1.png');
}

.media-img-2 {
  .bg-image('footer/2.png');
}

.media-img-3 {
  .bg-image('footer/3.png');
}

.media-img-4 {
  .bg-image('footer/4.png');
}

.media-img-5 {
  .bg-image('footer/5.png');
}

.media-img-6 {
  .bg-image('footer/6.png');
}
